<style>
    * {
        margin: 0;
        padding: 0;
    }
    h2,h3,h4{
        font-weight: normal;
        margin: 0;
    }
    li {
        list-style: none;
    }
    .content-box{
        margin:5px 20px;
        background: white;
        overflow: hidden;
    }
    .right-content{
        padding:20px 0px 70px 20%;
        border-left:0px solid #fff;;
    }
    h2{
        text-align: right;
        font-size:16px;
        padding-right:20px;
        line-height:36px;
    }
    h3{
        font-size:14px;

    }
    .main-right-list li,.second-content-list li,.product-belong-list li{
        padding:10px 0;
    }


    .classify-table tr td{
        border:1px solid #cbcbcb;
        padding:5px 0;
    }
    .classify-table tr td input[type=text]{
        width:80px;
        border-radius:2px;
        border:1px solid #cbcbcb;
    }
    .classify-table tr td input[type=button]{
        padding:1px 5px;
        color: #14d1ff;
        background:#fff;
        border:1px solid #cbcbcb;
        margin-left:10px;
        border-radius:3px;
    }
    .main-right-list li span{
        display: inline-block;
        width: 100px;
    }
    .main-right-list li input[type=text]{
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border:1px solid #cccccc;
        width: 42%;
        height: 34px;
        padding-left: 12px;
    }
    .main-right-list li select{
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border:1px solid #cccccc;
        width: 24%;
        height: 34px;
        padding-left: 12px;
    }
    #h2id{
        font-size: 20px;
        color: #CCCCCC;
        float: inherit;
    }
    #rightlb{
        font-size: 12px;
        float: right;
        margin-top: 10px;
    }
    .AC_content{
        margin-left: 20px;
        margin-right: 20px;
        background-color: white;
    }
    #btnid{
        position: absolute;
        margin-left: 23%;
        margin-top: -35px;
        color: white;
        border: none;
        border-radius: 3px;
        background-color: #00ca6d;
        height: 30px;
        width: 80px;
        font-size: 15px;
        float: right;
    }
</style>
<section class="content-header">
    <h1 id="h1id">资讯管理
        <span id="h2id">编辑资讯</span>
        <span id="rightlb">当前位置 : <a href="/pte/informlb">资讯管理</a> > <a href="#">发布资讯</a></span>
    </h1><br/>
</section>
<section class="content">
    <div class="AC_content">
        <div class="main-infor content-box">
            <div class="right-content">
                <ul class="main-right-list">
                    <li>
                        <span>资讯分类:</span>
                        <select  class="categ" style="font-size:14px;width:301px;margin-left:-4px;">
                            <option selected>请选择资讯类型</option>
                            <%for(i=0;i<data.length;i++){%>
                            <option data-id="<%=data[i].category_id%>"><%=data[i].cate_name%></option>
                            <%}%>
                        </select>
                    </li>
                    <li>
                        <span>资讯标题:</span>
                        <input type="text" value="" class="title" id="title">
                    </li>
                    <li>
                        <span>资讯主图:</span>
                        <form>
                            <div id="content_theme" style="width:52%;height:150px;background-color: white;border: 1px solid #cbcbcb;margin-left: 100px">
                                <img src="" class="addimage" style="height: 150px;width: 100%;"  id="upimgs" alt="">
                                <input type="button" value="+上传" id="btnid" onclick="start()">
                            </div>
                            <input style='display: none;' type="file" name="files[]" id='fileupload'>
                        </form>
                    </li>
                    <li><span>资讯详情:</span></li>
                        <form>
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                            <textarea name="content" id="content" style="width:95%;height:300px;" ></textarea>
                        </form>
                </ul>
            </div>
        </div>
        <input type="button" value="发&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;布" class="publish btn btn-lg btn-primary" style="margin:0px 55% 50px 45%">
    </div>
</section>
<script charset="utf-8" src="/plugins/kindeditor/kindeditor-min.js"></script>
<script charset="utf-8" src="/plugins/kindeditor/lang/zh_CN.js"></script>
<script type="text/javascript">
    var editor;
    KindEditor.ready(function(K) {
        editor = K.create('textarea[name="content"]', {
            uploadJson : '../../upload',
            allowFileManager : true
        });
    });
</script>
<script>
    function start(){
        $('#fileupload').click();
    }
    function touch() {
        $('#fileupload').click();
    }
</script>
